<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<title>Basic Test Page</title>
<link href="$rootUrl/css/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function func1() {
  return 123; 
}
</script>
</head>
<body>
<div class="head_top">&nbsp;</div>
<div class="head_menu">&nbsp;</div>
<div class="centre_frame" style="width:500px; margin-top:50px">
  <div class="content_title" style="margin-bottom:20px">Application Data Connection</div>
  <div class="config_line"><div style="font-weight:bold;text-align:center">Please Config Mongo Database Connection</div></div>
  <div class="config_line">
    <div class="config_title" style="width: 100px">Host</div>
    <div style="float: left;"><input type="text" id="host_editor" style="width: 200px"/></div>
    <div class="config_title" style="width: 60px;text-align:right; padding-right:5px">Port</div>
    <div style="float: left;"><input type="text" style="width: 80px"/></div>
  </div>
  <div class="config_line">
    <div class="config_title" style="width: 100px;">DB Name</div>
    <div style="float: left;"><input type="text" style="width: 120px"/></div>
  </div>
  <div class="config_line">
    <div class="config_title" style="width: 100px">User Name</div>
    <div style="float: left;"><input type="text" style="width: 120px"/></div>
    <div class="config_title" style="width: 100px;text-align:right; padding-right:5px">Password</div>
    <div style="float: left;"><input type="password" style="width: 120px"/></div>
  </div>
  <div class="config_line"><div style="font-weight:bold;">Advanced</div></div>
  <div style="text-align: center; margin-top: 20px">
    <button style="width:120px">Test Connection</button>
    <button style="width:120px">Save</button>
  </div>
</div>
</body>
</html>